<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>

<ui:composition template="/WEB-INF/layout.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">


    <ui:define name="content">
        <h:form id="form1">
            <p:panel id="panelTreino" header="Ficha de Treino">
                <p:messages autoUpdate="true"/>  
                <h:panelGrid columns="4" style="margin-bottom:10px; width: 100%" cellpadding="5">
                    <p:outputLabel for="nome" value="Nome:"/>
                    <p:inputText id="nome" value="#{treinoController.alunoSelecionado.nome}" disabled="true"/>
                    <p:outputLabel for="idade" value="Idade:"/>
                    <p:inputText id="idade" value="#{treinoController.idade}" disabled="true"/>
                    <p:outputLabel  for="objetivo" value="Objetivo:"/>
                    <p:selectOneMenu  value="#{treinoController.treino.objetivo}" id="objetivo">  
                        <f:selectItem itemLabel="Condicionamento Físico Geral" itemValue="Condicionamento Físico Geral"/>  
                        <f:selectItem itemLabel="Definição Muscular" itemValue="Definição Muscular"/>  
                        <f:selectItem itemLabel="Emagrecimento" itemValue="Emagrecimento"/>  
                        <f:selectItem itemLabel="Hipertrofia" itemValue="Hipertrofia"/>
                        <f:selectItem itemLabel="Resistência" itemValue="Resistência"/> 
                    </p:selectOneMenu>
                    <p:outputLabel for="frequencia" value="Frequência:"/>
                    <p:spinner id="frequencia" min="0" max="6" value="#{treinoController.treino.frequencia}" size="10" disabled="true"/>
                </h:panelGrid>
                
                <h:panelGrid columns="3" style="margin-bottom:10px" cellpadding="5">
                    <p:outputLabel for="obs" value="Observações:" style="100%"/>
                    <p:spacer width="25" height="0" />
                    <p:inputText id="obs" value="#{treinoController.treino.observacao}" size="107" required="false" disabled="true"/>
                </h:panelGrid>
                
                <h:panelGrid columns="7" style="margin-bottom:10px" cellpadding="5">
                    <p:outputLabel for="preTreino" value="Pré-treino:"/>
                    <p:spacer width="37" height="0"/>
                    <p:selectOneMenu value="#{treinoController.idPreTreino}" id="preTreino" disabled="true">  
                        <f:selectItem itemLabel="Bicicleta" itemValue="1"/>  
                        <f:selectItem itemLabel="Corda" itemValue="2"/>  
                        <f:selectItem itemLabel="Pista" itemValue="3"/>
                    </p:selectOneMenu>
                    <p:spacer width="170" height="0"/>
                    <p:selectOneRadio value="#{treinoController.tipoPreTreino}" disabled="true">  
                        <f:selectItem itemLabel="Inicial" itemValue="1"/>
                        <p:spacer width="200" height="0"/>
                        <f:selectItem itemLabel="Final" itemValue="2"/>    
                    </p:selectOneRadio>
                    <p:spacer width="230" height="0"/>
                    <p:commandButton id="addPreTreino" value="Adicionar" action="#{treinoController.adicionarPreTreino}" update="pretreinos" disabled="true"/>
                    <f:ajax render="pretreinos" event="click"/>
                </h:panelGrid> 

                <p:dataTable id="pretreinos" var="DTpretreino" style="width:100%;" 
                             value="#{treinoController.preTreinoDM}" editable="false">                    
                    <p:column headerText="Nome">
                        <h:outputText value="#{DTpretreino.preTreino.nome}"/>                        
                    </p:column>

                    <p:column headerText="Tempo (min)" >
                        <p:cellEditor>
                            <f:facet name="output">
                                <h:outputText value="#{DTpretreino.tempo}"/>
                            </f:facet>
                            <f:facet name="input">
                                <p:inputText value="#{DTpretreino.tempo}"/>
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column headerText="Intensidade (borg)">
                        <p:cellEditor>
                            <f:facet name="output">
                                <h:outputText value="#{DTpretreino.intensidade}"/>
                            </f:facet>
                            <f:facet name="input">
                                <p:inputText value="#{DTpretreino.intensidade}"/>
                            </f:facet>
                        </p:cellEditor>
                    </p:column>

                    <p:column  headerText="Tipo" >                     
                        <h:outputText value="#{DTpretreino.tipoPreTreino}"/>
                    </p:column>
                </p:dataTable> <br/>

                <h:panelGrid columns="3" cellpadding="5">
                    <h:outputText value="Exercícios" style="font-size: x-large"/>
                    <p:spacer width="700" height="60"/>
                    <p:commandButton value="Adicionar Exercícios" onclick="PF('dlg').show();" disabled="true"/>
                </h:panelGrid>
                
                <p:dataTable id="DTexercicios" var="exercicioTreino"         
                             value="#{treinoController.exercicioTreinoDM}"
                             style="width:100%;"                             
                             rowKey="#{exercicioTreino.idExercicioTreino}"
                             rows="5"
                             selection="#{treinoController.exercicioTreinoSelecionado}">
                    <p:ajax event="rowSelect" listener="#{treinoController.onRowSelectExercicioTreino}"/>                                     
                    <p:column headerText="Sequência">
                        #{exercicioTreino.sequencia} 
                    </p:column>
                    
                    <p:column headerText="Grupo Muscular">
                        #{exercicioTreino.exercicio.grupoMuscular}
                    </p:column>
                    
                    <p:column headerText="Exercício">
                        #{exercicioTreino.exercicio.nome}
                    </p:column>  
                    
                    <p:column headerText="Série">
                        #{exercicioTreino.numeroSerie}
                    </p:column>  
                    
                    <p:column  headerText="Repetições">
                        #{exercicioTreino.numeroRepeticoes}
                    </p:column>
                    
                    <p:column headerText="Carga">
                        #{exercicioTreino.carga} 
                    </p:column>  
                    
                    <p:column  headerText="Treino">  
                        #{exercicioTreino.tipoTreino}  
                    </p:column>
                </p:dataTable>
                
                <p:spacer width="0" height="50"/>
                <p:commandButton value="Voltar" action="/Telas/listaTreinos"/>                
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>

